<template>
  <el-dialog title="活动业绩" :visible.sync="showActivityPerformanceDialog" center >
    <el-carousel indicator-position="outside" :autoplay="false" height="600px">
      <el-carousel-item>
        <div class="item">
<!--          <h4>total: {{item.total}}</h4>-->
<!--          <h4>ordtotal: {{item.ordtotal}}</h4>-->
<!--          <h4>courseCount: {{item.courseCount}}</h4>-->
<!--          <h4>sendCourse: {{item.sendCourse}}</h4>-->
        </div>
      </el-carousel-item>
    </el-carousel>
  </el-dialog>
</template>

<script>
  import store from '@/store'
  import {getActivityPerformance} from '@/api/thk/performance'
  export default {
    name: 'activityPerformance',
    data(){
      return{
        showActivityPerformanceDialog: false,
        performanceData: []
      }
    },

    methods:{
      showActivityPerformance(activity_id){
        this.showActivityPerformanceDialog = !this.showActivityPerformanceDialog
        getActivityPerformance(store.getters.token, {activity_id: 1}).then(res => {
          this.performanceData = res.data.data
          console.log(">>>>>> performanceData >>>>>>>")
          console.log(this.performanceData)
        }).catch(err => {
          this.$message("获取活动业绩失败")
        })

      }
    }

  }
</script>

<style scoped>
  .item{
    text-align: center;
  }
</style>

